<script setup>
import LeafletCode from './components/LeafletCode.vue'
import LeafletMap from './components/LeafletMap.vue'

defineOptions({
  name: 'leaflet_wms'
})
</script>

<template>
  <n-grid :x-gap="16" :y-gap="16">
    <n-gi :span="17">
      <n-space vertical :size="16">
        <LeafletMap />
        <WMSCapability />
      </n-space>
    </n-gi>
    <n-gi :span="7">
      <n-space vertical :size="16">
        <LeafletCode />
      </n-space>
    </n-gi>
  </n-grid>
</template>
